<!DOCTYPE html>
<html lang="en">
<head>
  {include file="common/meta" /}
  <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico"/>
  <link href="__CDN__/assets/css/mbti.css" rel="stylesheet">
  <style>
    canvas {
      display: block;
      z-index: 100;
      background: {$color_solution.line};
    }
  </style>
</head>
<body style="padding-top: 0;position: relative;">
<canvas id="canvas"></canvas>
<div class="content result_content" style="z-index: 200;position: absolute;top: 0;left: 0;">
  <div class="content_item">
    <div class="res_summary">
      <!-- 头像内容栏 -->
      <div class="top">
        <img class="res_avatar" src="{$base_user.avatar}"/>
        <div class="res_right">
          <div class="nick_name">{$base_user.nickname}的测评结果是：</div>
          <div class="res-refresh" data-scene_id="{$scene.id}" id="re_evaluate">
            {if $evaluate_info['user_id'] == $user_info['id']}
            <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>&nbsp;重新测试
            {else/}
            我也试试
            {/if}
          </div>
        </div>
      </div>
      <!-- 头像内容栏 -->
      {if $result_info}
      <!-- MBTI结果 -->
      <div class="mbti_res">
        <div class="mbti_txt" style="color: {$color_solution.theme_color};">
          {$result_info.mbti_ie}{$result_info.mbti_sn}{$result_info.mbti_tf}{$result_info.mbti_pj}
        </div>
        <div class="res_txt" style="background-color: {$color_solution.theme_color};">
          {$result_info.name}
        </div>
      </div>
      <!-- MBTI结果 -->
      <!-- 一句话概括 -->
      <div class="a_sentence" style="border: 1px solid {$color_solution.theme_color};">
        <div class="word-txt">{$result_info.feature}</div>
        <div class="sentence_box" style="top: -2px; left: -2px;background-color: {$color_solution.theme_color}"></div>
        <div class="sentence_box" style="top: -2px; right: -2px;background-color: {$color_solution.theme_color}"></div>
        <div class="sentence_box" style="bottom: -2px; left: -2px;background-color: {$color_solution.theme_color}"></div>
        <div class="sentence_box" style="bottom: -2px; right: -2px;background-color: {$color_solution.theme_color}"></div>
      </div>
      <!-- 一句话概括 -->
      <!-- 结论图 -->
      <img class="res_img img-responsive center-block" src="{$result_info.res_img|cdnurl}"/>
      <!-- 结论图 -->
      {/if}
    </div>
  </div>
  {if $result_info}
  <!-- 结果描述 -->
  <div class="content_item rich-txt" style="margin-top: 3px;">
    <div class="res_title">
      {$result_info.res_title}
    </div>
    <div class="res_describe">
      {$result_info.describe}
    </div>
  </div>
  <!-- 结果描述 -->
  <!-- 组描述 -->
  <div class="content_item rich-txt" style="margin-top: 3px;">
    <div class="res_title">
      {$result_info.group_title}
    </div>
    <div class="res_describe">
      {$result_info.group_describe}
    </div>
  </div>
  <!-- 组描述 -->
  {/if}
  <div class="disclaimer">
    *测试结果仅供娱乐，无事实依据
  </div>
  {if $evaluate_info['user_id'] != $user_info['id']}
  <div class="btn friend-btn" id="get_mine" style="border: 3px solid {$color_solution.button_btn_color}">
    我也试试
  </div>
  {/if}
</div>
{include file="common/script" /}
</body>
</html>